﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>R2 - Edit</title>
    <script src="libs/jquery.min.js" type="text/javascript"></script>
    <script src="libs/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script src="libs/knockout-2.1.0.js" type="text/javascript"></script>
    <script src="libs/json2.js" type="text/javascript"></script>
    <script src="libs/rangy/rangy-core.js" type="text/javascript"></script>
    <script src="libs/jsex.js" type="text/javascript"></script>
    <script src="libs/showdown/showdown.js" type="text/javascript"></script>
    <link href="libs/normalize.css" type="text/css" rel="stylesheet" />
    <link href="libs/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" rel="stylesheet" />
    <script src="js/common.js" type="text/javascript"></script>
    <script src="R1.js" type="text/javascript"></script>
    <link href="css/common.css" type="text/css" rel="stylesheet" />
    <link href="themes/csswizardary.css" type="text/css" rel="stylesheet" />
    <link href="themes/hugsformonsters.css" type="text/css" rel="stylesheet" />
    <link href="themes/oli.css" type="text/css" rel="stylesheet" />
    <link href="R1.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <table class='w100'>
        <tr>
            <td width="50%" valign='top' style='padding: 5px'>
                <div class='shadow round-corner bgwhite w100'>
                    <table class='cell-p5 w100' style='table-layout: fixed;'>
                        <thead>
                            <tr><td>
                                <span data-bind='text:filename'></span>
                                <span style='float: right'>
                                    <img src='images/new.png' data-bind='click: init' style='cursor:pointer' />
                                    <img src='images/open.png' data-bind='click: open' style='cursor:pointer' />
                                    <img src='images/save.png' data-bind='click: save' style='cursor:pointer' />
                                </span>
                            </td></tr>
                        </thead>
                        <tbody class='content'>
                            <tr>
                                <td>
                                    <textarea class='w100' data-bind='value: content, valueUpdate: "keyup", dock: {stretchDown: true, voffset: 40}'></textarea>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr><td>Footer</td></tr>
                        </tfoot>
                    </table>
                </div>
            </td>
            <td width="50%" valign='top' style='padding: 5px; padding-right: 10px;'>
                <div class='shadow round-corner bgwhite w100'>
                    <table class='cell-p5 w100' style='table-layout: fixed;'>
                        <thead>
                            <tr><td>Preview</td></tr>
                        </thead>
                        <tbody class='content'>
                            <tr>
                                <td>
                                    <div class='w100 oli' style='overflow:auto'
                                        data-bind='markdown: content, dock: {stretchDown: true, voffset: 40}'></div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr><td>Footer</td></tr>
                        </tfoot>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>